<template>
  <div class="s-DataRihghtList">
    <template v-if="data && data.length > 0">
      <div v-for="d in data" :key="d.id">
        <div class="item">
          <div class="title">{{ d.catalog_name }}</div>
          <div class="choose">{{ d.resourcrtype }}</div>
          <div class="introduce">{{ d.remarks }}</div>
          <div class="btnbox">
            <el-button type="primary">
              <i class="iconfont icon-xiangqing"></i>
              <span>详情</span>
            </el-button>
            <el-button type="primary">
              <i class="iconfont icon-shoucang"></i>
              <span>收藏</span>
            </el-button>
            <el-button type="primary">
              <i class="iconfont icon-xiazai"></i>
              <span>下载</span>
            </el-button>
          </div>
          <div class="data-content">
            <p>信息提供方:{{ d.dname }}</p>
            <p>目录发布时间:{{ d.release_time }}</p>
          </div>
        </div>
      </div>
    </template>
    <el-empty v-else></el-empty>
  </div>
</template>
<script setup>
defineProps({
  data: {
    type: Array,
    default: () => {
      return [];
    },
  },
});
</script>
